
let path = $("#path").val();

$(function(){
    $("#petTypeSelect").change(function(){
        //获取选中的select标签的值
        let value = $("#petTypeSelect").val();
        //继续将这个选中的类型id发送到后台的servlet
        //window.location=path+"/pet/indexData?type_id="+value;
        $("#outer").load(path+"/pet/indexData",{type_id:value})
    })
});

$(function(){
    //搜索按钮的单击事件
    $("#search_btn").click(function(){

        //1. 获取下拉框当前选择的数据
        let value = $("#petTypeSelect").val();
        //2. 获取搜索的文本框的数据
        let search = $("#search_input").val();

        //3. 发送后台
        //window.location=path+"/pet/indexData?type_id="+value+"&name="+search;
        $("#outer").load(path+"/pet/indexData",{type_id:value,name:search})
    });
});

$(function(){
    //1. 获取select对象
    let ck = document.getElementById("ck_all");

    //3. 获取下面所有的ck
    let cks = document.getElementsByName("ck_content");

    //2. 给checkbox添加单击事件
    ck.onclick=function(){
        if(ck.checked){
            for(let i=0;i<cks.length;i++){
                cks[i].checked=true;
            }
        }else{
            for(let i=0;i<cks.length;i++){
                cks[i].checked=false;
            }
        }
    }
});

$(function(){
    document.getElementById("more_del_btn").onclick=function(){
        //1. 判断是否有选中的.
        //1.获取所有的ck_content
        let cks = document.getElementsByName("ck_content");
        //定义一个计数器
        let count = 0;
        //2. 遍历它
        for(let i=0;i<cks.length;i++){
            if(cks[i].checked){
                count++;
            }
        }
        if(count==0){
            alert("sorry,请你先选中宠物!");
            return;
        }

        //确认删除
        let flag = confirm("确定删除吗?");
        if(flag){
            //定义一个字符串来拼接所有的选中的id
            let sids = "";
            //将所有选中的宠物的id的值发送到后台.
            for(let i=0;i<cks.length;i++){
                if(cks[i].checked){
                    sids+=cks[i].value+":";
                }
            }
            // alert(sids.substring(0,sids.length-1));

            window.location=path+"/pet/del?sids="+sids;
        }
    };
});

function ajax_del(obj,id){
    //通过ajax的方式把id发送到后台 - 页面是不刷新的
    let tbody = document.getElementById("tb_pet");
    $.ajax({
        type:'post',
        url:path+'/pet/del_ajax',
        data:'id='+id,
        success:function(data){
            if(data.code==200){
                //js能力 从tbody中删除当前删除的tr
                let tr = obj.parentElement.parentElement;
                tbody.removeChild(tr);

            }else{
                alert("删除失败!");
            }
        }
    })
}

$(function(){
    //1. 找出目标tr中的所有的img添加一个鼠标移动上去的事件
    let divs = document.getElementsByClassName("pet")[0];
    //let divs = $(".pet").eq(0);
    let imgs = divs.getElementsByTagName("img");

    let body = document.getElementsByTagName("body")[0];

    for (let i=0;i<imgs.length;i++) {
        imgs[i].onmouseover=function(event){


            //处理一下兼容性
            let e = window.event || event;

            //获取当前鼠标所在的坐标
            let left = e.clientX;//鼠标焦点距离文档左边的距离
            let top = e.clientY;//距离上边的距离

            //1. 创建一个div
            let div = document.createElement("div");
            div.id="imgDiv";
            div.className="outer";

            //创建一个img标签
            let img = document.createElement("img");
            img.src=this.src;
            img.style.width="200px";
            img.style.height="200px";

            div.style.left=left+"px";
            div.style.top = top+"px";

            div.appendChild(img);

            body.appendChild(div);
        }

        imgs[i].onmouseout=function(){
            let div = document.getElementById("imgDiv");
            body.removeChild(div);
        }
    }
})
$(function(){
    let st = setInterval(function(){

        $.ajax({
            type:'get',
            url:path+'/user/count',
            success:function(data){
                $("#online_count").html(data);
            }
        })

    },2000)
});


